<template>
  <ex-dialog width="1200px" class="ex-diolog" :title="title" :visible="visible" @closeDialog="handleClose">
    <el-table ref="table" v-loading="loading" :data="tabList" stripe border>
      <el-table-column label="跟进时间" align="center" prop="followTime" :show-overflow-tooltip="true" width="170" />
      <el-table-column label="进展" align="center" prop="progressDict" :show-overflow-tooltip="true" width="120" />
      <el-table-column label="跟进项目" align="center" prop="followProjectDict" :show-overflow-tooltip="true" width="170" />
      <el-table-column label="沟通内容" align="center" prop="content" :show-overflow-tooltip="true" />
      <el-table-column label="客户负责人" align="center" prop="clientResponsiblePerson" :show-overflow-tooltip="true" width="170" />
      <el-table-column label="提交时间" align="center" prop="createTime" :show-overflow-tooltip="true" width="170" />
    </el-table>
  </ex-dialog>
</template>
<script>
// api
import {
  clientFollowList
} from "@/api/customer/reportingForm";
export default {
  props: {
    visible: Boolean,
    id: String,
  },
  data() {
    return {
      loading: false,
      title: '客户跟进记录',
      tabList: [],
    }
  },
  created() {
    this.getDetailList()
  },
  methods: {
    //活动详情
    getDetailList() {
      var id = this.id
      clientFollowList(id).then(res => {
        this.tabList = res.result
      })
    },
    //取消
    handleClose(formName) {
      this.$emit('update:visible', false)
      // this.$refs[formName].resetFields();
    },
  }
}
</script>
<style lang="scss" scoped>
.ex-diolog {
  ::v-deep {
    .ex-diolog-title {
      font-size: 23px;
      font-weight: bold;
      margin-left: 20px;
      margin-bottom: 20px;
    }

    .ex--dialog--main {
      //  padding: 10px 20px !important; 
    }

    .el-input {
      width: 350px;
    }
  }
}
</style>